<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>个人中心</title>
		<link rel="stylesheet" type="text/css" href="../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../css/sm.min.css">
		<link rel="stylesheet" href="../../css/sm-extend.min.css">
		<script type='text/javascript' src='../../script/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm-extend.min.js' charset='utf-8'></script>
		<link rel="stylesheet" type="text/css" href="../../css/all.css">
		<link rel="stylesheet" type="text/css" href="../../css/base.css">
		<link rel="stylesheet" type="text/css" href="personal.css">
		<link rel="stylesheet" type="text/css" href="more.css">
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../../css/person/iconfont.css">
		<style>
			body {
				font-family: "微软雅黑";
			}
			a {
				color: #000;
			}
			a:active, a:link, a:visited, a:hover {
				color: #787878;
				text-decoration: none;
			}
			.list-block .item-inner:after {
				content: none;
			}
			.bar {
				z-index: 0;
			}
		</style>
	</head>
	<body>
		<div class="page-group">
			<!-- 你的html代码 -->
			<div class="page">
				<header class="bar bar-nav">
					<a class="icon pull-left changemain" onclick="xiaoxi();"> <i class="iconfont icon-message" style="font-size: 22px;"></i><span class="num" id="msgnum">1</span> </a>
					<a class="icon pull-left changeback"> <i class="iconfont icon-xiangzuo1" style="font-size: 22px;"></i></a>
					<h1 class="title">我的</h1>
					<a class="top-bar-right" onclick="shezhi();"><i class="iconfont icon-shezhi" style="font-size: 24px;color:#000;"></i></a>
				</header>
				<div class="content" style="background-color: #f0f0f0;">
					<div class="bgTop" id="content">
						<span class="ling"></span>
						<div style="" class="jianr">
							<div class="pic" style="margin-left:10px;">
								<div style="width:75px;height: 75px;border-radius:50% 50%;margin:0 auto;overflow: hidden">
									<img id='headurl'  src="../../image/morenpic_03.png" width="75" height="75"/>
								</div>
								<div class='camera' style="background-color:#fff;">
									<img id='camera'  style='vertical-align: middle;' src="../../image/xiangji.png" width="20" height="20"/>
								</div>
							</div>
							<div style="display: inline-block;vertical-align: middle;margin-left:15px;">
								<p class="guest">
									
								</p>
								<span class="name"></span>
							</div>
							<!--<span class="userinfo" id="mymessage" style="margin-right:10px;"><i>完善个人信息</i> ></span>-->
						</div>
						<div class="blackbox">
							<span style="margin-left:8px;">您还在用默认昵称呢！</span>
							<span class="changeNick">换个昵称</span>
						</div>
						<!--<span class="mess" id="message"> <i class="icon iconfont icon-remind" style="font-size: 28px;color: #ffffff"></i>
						<span class="num" id="msgnum"></span> </span>-->
					</div>
					<div class="list-block" id="list-block">
						<ul>
							<li class="item-content" id="mywallet" style="border-bottom: 2px solid #f0f0f0;">
								<div class="item-media" id="my">
									<i class="icon icon-f7"></i>
								</div>
								<div class="item-inner  icon iconfont icon-qianbao" style="font-size: 18px;width: 96%">
									<div class="item-title" style="width: 100%" id="commmonweal">
										我的钱包
									</div>
									<i class="icon iconfont icon-xiangyou1" style="font-size: 21px;color: #cccccc"></i>
								</div>
							</li>
							
							<li class="item-content" id="mywalletBack" style="border-bottom: 2px solid #f0f0f0; display: none;">
								<div class="item-media" id="myBack">
									<i class="icon icon-f7"></i>
								</div>
								<div class="item-inner  icon iconfont icon-qianbao" style="font-size: 18px;width: 96%">
									<div class="item-title" style="width: 100%" id="commmonwealBack">
										我的钱包
									</div>
									<i class="icon iconfont icon-xiangzuo1" style="font-size: 21px;color: #cccccc"></i>
								</div>
							</li>
						<div class="myAccount">
							
							<li class="item-content dot" style="border-bottom: 12px solid #f0f0f0;">
								<div class="dotleft">
									<span id="dotleft">0</span>
									<p>
										金蛋总数
									</p>
								</div><i></i>
								<div class="dotmidd">
									<span id="dotmidd">0.00</span>
									<p>
										银蛋总数
									</p>
								</div><i></i>
								<div class="dotright" id="goldCount">
									<span id="dotright">0.00</span>
									<p>
										金币总数
									</p>
								</div>
							</li>
						</div>
							<div class="shebei">
								<li class="item-content" style="border-bottom: 2px solid #f0f0f0;" id="mydevice">
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner  icon iconfont icon-iphone" style="font-size: 18px;">
										<div class="item-title" style="width: 100%">
											我的设备
										</div>
										<i class="icon iconfont icon-xiangyou1" style="font-size: 21px;color: #cccccc"></i>
									</div>
								</li>
								<!--<li class="item-content" style="border-bottom: 2px solid #f0f0f0;"  id="mycard">
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner  icon iconfont icon-house" style="font-size: 18px;">
										<div class="item-title" style="width: 100%">
											我的二维码名片（我的二维码）
										</div>
										<i class="icon iconfont icon-xiangyou1" style="font-size: 21px;color: #cccccc"></i>
									</div>
								</li>-->
								<li class="item-content" style="border-bottom: 12px solid #f0f0f0;" id="myfeedback">
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner  icon iconfont icon-yijianfankui" style="font-size: 18px;">
										<div class="item-title" style="width: 100%">
											意见反馈
										</div>
										<i class="icon iconfont icon-xiangyou1" style="font-size: 21px;color: #cccccc"></i>
									</div>
								</li>
								<li class="item-content" style="border-bottom: 12px solid #f0f0f0;" id="myReferer">
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner  icon iconfont icon-jilu" style="font-size: 18px;">
										<div class="item-title" style="width: 100%">
											我的推荐
										</div>
										<i class="icon iconfont icon-xiangyou1" style="font-size: 21px;color: #cccccc"></i>
									</div>
								</li>
								<!--<li class="item-content" style="border-bottom: 2px solid #f0f0f0;" id="recommend">
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner  icon iconfont icon-jilu" style="font-size: 18px;">
										<div class="item-title" style="width: 100%">
											推荐记录
										</div>
										<i class="icon iconfont icon-xiangyou1" style="font-size: 21px;color: #cccccc"></i>
									</div>
								</li>-->
							</div>
							<div class="qianbao">
								<li class="item-content" style="border-bottom: 2px solid #f0f0f0;" id="myrecord">
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner  icon iconfont icon-jilu" style="font-size: 18px;">
										<div class="item-title" style="width: 100%">
											我的订单
										</div>
										<i class="icon iconfont icon-xiangyou1" style="font-size: 21px;color: #cccccc"></i>
									</div>
								</li>
								<li class="item-content" style="border-bottom: 2px solid #f0f0f0;" id="myegg">
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner  icon iconfont icon-jilu" style="font-size: 18px;">
										<div class="item-title" style="width: 100%">
											我的金蛋
										</div>
										<i class="icon iconfont icon-xiangyou1" style="font-size: 21px;color: #cccccc"></i>
									</div>
								</li>
								<li class="item-content" style="border-bottom: 2px solid #f0f0f0;" id="buyback">
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner  icon iconfont icon-jilu" style="font-size: 18px;">
										<div class="item-title" style="width: 100%">
											我要回购
										</div>
										<i class="icon iconfont icon-xiangyou1" style="font-size: 21px;color: #cccccc"></i>
									</div>
								</li>
								<li class="item-content" style="border-bottom: 2px solid #f0f0f0;" id="incomeInfo">
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner  icon iconfont icon-jilu" style="font-size: 18px;">
										<div class="item-title" style="width: 100%">
											金币明细
										</div>
										<i class="icon iconfont icon-xiangyou1" style="font-size: 21px;color: #cccccc"></i>
									</div>
								</li>
								<li class="item-content" style="border-bottom: 2px solid #f0f0f0;" id="payMoney">
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner  icon iconfont icon-jilu" style="font-size: 18px;">
										<div class="item-title" style="width: 100%">
											我要支付
										</div>
										<i class="icon iconfont icon-xiangyou1" style="font-size: 21px;color: #cccccc"></i>
									</div>
								</li>
							</div>
						</ul>
					</div>
					<div class="hint" style="display: none">
						<img src="../../image/temp/home_03.png" class="pic">
						<img src="../../image/temp/hint_03.png" class="hip">
						<a href="#" class="sub"></a>
					</div>
					<!--<div class="zzc">-->
					<!--<div class="center">-->
					<!--</div>
					</div>-->
					<div class="photo" id="photo">
						<div class="photo_center">
							<div class="photo_top">
								<span>头像</span>
								<button id="album" class="borderOne">
									本地相册
								</button>
								<button id="tackpic">
									拍照
								</button>
							</div>
							<button class="photo_bottom">
								取消
							</button>
						</div>
					</div>
					<div class="completeMess">
						<div class="verification">
							<i class="iconfont icon-roundclose cancle" style="font-size:22px;"></i>
							<div>
								<span>提示</span>
							</div>
							<div>
								<input id="code" type="text" placeholder="请输入验证码"/>
							</div>
							<div>
								<div class="changePic">
									<img src="" alt="" />
									<a href="javascript:;" class="change">换一张</a>
								</div>
							</div>
							<div class='commit' id="commit">
								提交
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		</div>
		<div class="zzc">
			<div class="center"><img class="dt" id="dt" style="width: 100%; height: auto;"></div>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="../../script/zepto_fx.js"></script>
	<script type="text/javascript" src="../../script/zepto_animate.js"></script>
	<script type="text/javascript" src="../../script/infoutil.js"></script>
	<script type="text/javascript" src="../../script/prefsutil.js"></script>
	<script type="text/javascript" src="../../script/progressutil.js"></script>
	<script type="text/javascript" src="./personal.js"></script>
	<script>
		function refresh(){
			location.reload();
//			alert('123')
		}
//		$('#headurl').click(function() {
//			console.log("$('#headurl').attr('src')"+$('#headurl').attr('src'))
//			$('.zzc').show();
//			$('#dt').attr('src',$('#headurl').attr('src'));
//		})
//		$('.zzc').click(function(){
//		    $('.zzc').hide();
//		});
	</script>
